<script>
	function aprobar_cajero_username(){
		var password = \$("#password").val();
		\$('#loadingManual').show();
		if (\$("#password").val() == '$cajero.Password$'){
			\$("#exitoAprobacion").show();
			\$("#formularioAprobacion").hide();
			\$('#aprobado_cajero').val(1);
		}else{
			\$('#aprobado_cajero').val(0);
			\$(function(){
                    new PNotify({
                       title: 'Validaci&oacute;n'
                      ,text: 'La clave es incorrecta!'
                      ,type:'error'
                    });
                  });
		}
		\$('#loadingManual').hide();
	}
	function aprobar_cajero_tarjeta(){
		var tarjeta = \$("#tarjeta").val();
		\$('#loadingManual').show();
		if (\$("#tarjeta").val() == '$cajero.CodigoTarjeta$'){
			\$("#exitoAprobacion").show();
			\$("#formularioAprobacion").hide();
			\$('#aprobado_cajero').val(1);
		}else{
			\$('#aprobado_cajero').val(0);
			\$(function(){
                    new PNotify({
                       title: 'Validaci&oacute;n'
                      ,text: 'Codigo de tarjeta incorrecto!'
                      ,type:'error'
                    });
                  });
		}
		\$('#loadingManual').hide();
	}
</script>
			<table class ="hidden-print" width="100%" style="background-color:#f5f5f5; border-collapse: collapse;
    border: 1px solid #47a447;">
				<tr>
					<td>&nbsp;</td>
					<td Colspan="2">
						<h4>Aprobacion de $cajero.NombreCompleto$ <br/>

						<small>Yo $cajero.NombreCompleto$  estoy de acuerdo con las cantidades ingresadas en esta pantalla.</small></h4>
					</td>
				</tr>
				<tr>
					<td>&nbsp;</td>
					<td colspan="2">
					<table width="100%"  id="formularioAprobacion" >
				<tr>
					<td>&nbsp;</td>
					<td><b>Aprobaci&oacute;n manual</b></td>
					<td><b>Aprobaci&oacute;n con tarjeta</b></td>
				</tr>
				<tr>

					<td>&nbsp;</td>
					<td><input type="text" id="username" name="username"  class="form-control numKeyboard" style="width:250px;" placeholder="Numero de Identificaci&oacute;n" value="$cajero.UserNo$" readonly="true">
			        </td>
					<td><input type="password" id="tarjeta" name="tarjeta"  class="form-control numKeyboard"  style="width:250px;" placeholder="Acerque la tarjeta aqui" >
			            </td>
				</tr>
				<tr>
					<td>&nbsp;</td>
					<td>
					
						<input type="password" id="password" name="password" class="form-control numKeyboard"  style="width:250px;" placeholder="Clave" ></td>
					<td>&nbsp;</td>
				</tr>
				<tr>
					<td>&nbsp;</td>
					<td class="text-right"> 

							<img src="resources/images/ajax-loader.gif" id="loadingManual" alt="loading"  style="display:none"/>
			        <a href="javascript:;" class="btn btn-sm btn-success" onclick="aprobar_cajero_username();return false;">Aprobar
			        	<span class="glyphicon glyphicon-thumbs-up"></span></a> &nbsp;&nbsp;&nbsp;
			    	</td>
			    	<td class="text-right"> 
			    			<img src="resources/images/ajax-loader.gif" id="loadingTarjeta" alt="loading"  style="display:none"/>
			        <a herf=javascript:; class="btn btn-sm btn-success"  onclick="aprobar_cajero_tarjeta();return false;" >Aprobar
			        	<span class="glyphicon glyphicon-thumbs-up"></span></a> &nbsp;&nbsp;&nbsp;
			    	</td>
				</tr>
			</table>
			<table width="100%"  id="exitoAprobacion" style="display:none">
				<tr>
					<td> <div class="alert alert-success" role="alert">La informaci&oacute;n se ha aprobado exitosamente.</div></td>
					<td>&nbsp;</td>
				</td>
			</table>
		</td>
	</tr>
</table>

			<input type="hidden" id="aprobado_cajero"  name="aprobado_cajero" value="0"/>